<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Login Page</title>
	<!-- 样 式 文 件 -->
	<link rel="stylesheet" href="component/pear/css/pear.css" />
	<link rel="stylesheet" href="admin/css/other/login.css" />
</head>
<!-- 代 码 结 构 -->
<body background="admin/images/background.svg" style="background-size: cover;">
<form class="layui-form" action="javascript:void(0);">
	<div class="layui-form-item">
		<img class="logo" src="admin/images/logo.png" />
		<div class="title">后台管理系统</div>
		<div class="desc">
			AAA毕加索老王制作
		</div>
	</div>
	<div class="layui-form-item">
		<input placeholder="账 户 : admin " type="text" name="enumber" id="enumber" lay-verify="required" hover class="layui-input"  />
	</div>
	<div class="layui-form-item">
		<input placeholder="密 码 : admin " type="password"  name="password" id="password" lay-verify="required" hover class="layui-input"  />
	</div>
	<div class="layui-form-item">
		<input type="checkbox" name="" title="记住密码" lay-skin="primary" checked>
	</div>
	<div class="layui-form-item">
		<button type="button" class="pear-btn pear-btn-success login" lay-submit lay-filter="login">登录</button>
	</div>
</form>
<!-- 资 源 引 入 -->
<script src="component/layui/layui.js"></script>
<script src="component/pear/pear.js"></script>
<script>
	layui.use(['form', 'button', 'popup','jquery'], function() {
		var form = layui.form;
		var button = layui.button;
		var popup = layui.popup;
		var $ = layui.$;


		// 登 录 提 交
		form.on('submit(login)', function(data) {
			/// 验证
			$.ajax({

				type:"post",
				url:"${pageContext.request.contextPath}/login",
				data:{"enumber":$("#enumber").val(),"password":$("#password").val()},
				success:function(data){
					if(data.code==200){
						button.load({
							elem: '.login',
							time: 1500,
							done: function() {
								popup.success(data.msg, function() {
									location.href = "${pageContext.request.contextPath}/views/main.jsp"
								});
							}
						})

					}

				},
				error:function() {
					layer.msg("账号或密码有误，请重新尝试");
				},
				dataType:"json"

			})

			/// 动画
			// button.load({
			// 	elem: '.login',
			// 	time: 1500,
			// 	done: function() {
			// 		popup.success("登录成功", function() {
			// 			location.href = "index.jsp"
			// 		});
			// 	}
			// })
			return false;
		});
	})
</script>
</body>
</html>
